page-current-order {

}
.order-summary {
  min-height:138px;
  max-height:100%;
}
.order-summary.expanded {
  height:100%;
  -webkit-animation:fadeIn 0.5s linear forwards;
  animation:fadeIn 0.5s linear forwards;
}
.platform-ios .order-summary.expanded {
  height:calc(100% - 20px);
}
.order-summary > .toggle-button {
  color:color($colors, secondary) !important;
  border-top:5px solid color($colors, secondary);
  height:$spacing * 5;
  font-size:1.5em;
  display:block;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.order-summary .order-header {
  display:block;
  left:0;
  position:absolute;
  top:$spacing * 5;
  width:100%;
}
.order-summary ion-col {
  padding:0 !important;
}
.order-summary .order-title {
  background-color:color($colors, tertiary);
  color:#444;
  text-align:center;
  height:$spacing * 5;
  line-height:$spacing * 5;
  font-size:0.9em;
}
.order-summary .order-status {
  background-color:color($colors, tertiary);
  color:#444;
  text-align:center;
}
.order-summary .order-waiter, .order-summary .order-type {
  margin:0;
  background-color:color($colors, white);
  font-size:0.9em;
  height:$spacing * 8;
  color:#444;
}
.order-summary .order-waiter i, .order-summary .order-type i {
  font-size:1.2em;
  margin-right:$spacing * 2;
}
.order-summary .order-waiter {
  border-right:1px solid color($colors, light);
}
.order-summary .order-status {
  height:$spacing * 13;
  line-height:$spacing * 13;
  color:#444;
  border-left:1px solid color($colors, light);
}
.order-summary .order-status i {
  font-size:1.2em;
  margin-right:$spacing * 2;
}
.order-summary .order-control {
  display:flex;
  border-top:1px solid color($colors, light);
  background-color:color($colors, white);
  bottom:0;
  left:0;
  position:absolute;
  width:100%;
  z-index:10;
}
.order-summary .order-control > button {
  flex-grow:1;
  color:color($colors, secondary);
  font-size:0.8em;
  height:auto;
}
.order-summary .order-control > button * {
  display:inline;
}
.order-summary .order-control > button i {
  display:block;
  font-size:1.6em;
  margin:$spacing auto;
}
.order-summary .order-items {
  border-top:1px solid color($colors, light);
  border-bottom:1px solid color($colors, light);
  margin-top:90px;
  margin-bottom:47px;
  bottom:0;
  display:block;
  left:0;
  position:absolute;
  right:0;
  top:0;
  height:calc(100% - 137px);
}
.order-summary .order-items .item, .order-summary .order-items .item .item-inner {
  padding:0;
  border-color:color($colors, light);
  font-size:1em;
  background-image:none;
}
.order-summary .order-items .item:last-child {
  border-bottom:1px solid #eee;
}
.order-summary .order-items .item.item-status-ordered {
  border-left:$spacing * 1.5 solid color($colors, danger);
}
.order-summary .order-items .item.item-status-preparing {
  border-left:$spacing * 1.5 solid color($colors, warning);
}
.order-summary .order-items .item.item-status-served {
  border-left:$spacing * 1.5 solid color($colors, success);
}
.order-summary .order-items .label {
  margin:$spacing $spacing $spacing 0;
}
.order-summary .order-items .item-photo {
  width:40px;
  height:40px;
  border-radius:$spacing;
  overflow:hidden;
  float:left;
  margin-left:$spacing;
}
.order-summary .order-items .item-detail {
  float:left;
  margin-left:$spacing;
  line-height:20px;
  width:calc(100% - 40px - 50px - 100px - 20px);
}
.order-summary .order-items .item-qty {
  float:left;
  margin-left:$spacing;
  width:50px;
  text-align:right;
  line-height:40px;
}
.order-summary .order-items .item-price {
  float:left;
  margin-left:$spacing;
  width:100px;
  text-align:right;
  font-weight:500;
  line-height:40px;
}
.order-summary .order-items ion-item-options > button {
  font-size:0.9em;
}
